body {
    margin: 0;
    padding: 0;
    background-image: url(../img/bgimg.jpg); /* 背景图片 */
    background-repeat: no-repeat; /* 背景图片不重复 */
}

#bigBox {
    margin: 0 auto; /* login框剧中 */
    margin-top: 200px; /* login框与顶部的距离 */
    padding: 20px 50px; /* login框内部的距离(内部与输入框和按钮的距离) */
    background-color: #00000090; /* login框背景颜色和透明度 */
    width: 400px;
    height: 300px;
    border-radius: 10px; /* 圆角边 */
    text-align: center; /* 框内所有内容剧中 */
}

#bigBox h1 {
    color: #5FB878; /* LOGIN字体颜色 */
}

#bigBox .inputBox {
    margin-top: 50px; /* 输入框顶部与LOGIN标题的间距 */
}

#bigBox .inputBox .inputText {
    margin-top: 20px; /* 输入框之间的距离 */
}

#bigBox .inputBox .inputText span {
    color: white; /* icon颜色 */
}

#bigBox .inputBox .inputText input {
    border: 0; /* 删除输入框边框 */
    padding: 10px 10px; /* 输入框内的间距 */
    border-bottom: 1px solid white; /* 输入框白色下划线 */
    background-color: #00000000; /* 输入框透明 */
    color: white; /* 输入字体的颜色 */
}

#bigBox .loginButton {
    margin-right: 0px;
    margin-top: 20px; /* 按钮顶部与输入框的距离 */
    width: 100px;
    height: 25px;
    color: white; /* 按钮字体颜色 */
    border: 0; /* 删除按钮边框 */
    border-radius: 20px; /* 按钮圆角边 */
    background-image: linear-gradient(to right, #5FB878 0%, #5FB878 0%, #5FB878 0%, #5FB878 33%, #5FB878 66%, #5FB878 100%); /* 按钮颜色 */
}

#bigBox .registerButton {
    margin-left: 0px;
    margin-top: 20px; /* 按钮顶部与输入框的距离 */
    width: 100px;
    height: 25px;
    color: white; /* 按钮字体颜色 */
    border: 0; /* 删除按钮边框 */
    border-radius: 20px; /* 按钮圆角边 */
    background-image: linear-gradient(to right, #5FB878 0%, #5FB878 0%, #5FB878 0%, #5FB878 33%, #5FB878 66%, #5FB878 100%); /* 按钮颜色 */
}